// eslint-disable-next-line import/prefer-default-export
// import mui
import { styled, alpha } from "@mui/material/styles";
import { Typography, Button } from "@mui/material";
//navBar的菜单项
export const menuItems = [
  {
    id: 1,
    title: "实务指南",
    to: "/",
  },
  {
    id: 2,
    title: "行政监管",
    to: "/",
  },
  {
    id: 3,
    title: "案例评析",
    to: "/",
  },
  {
    id: 4,
    title: "法考模拟",
    to: "/",
    // 其他属性...
  },
  {
    id: 5,
    title: "法律工具",
    to: "/",
    // 其他属性...
  },
  {
    id: 6,
    title: "学术期刊",
    to: "/",
  },
];
export const PopperButton = styled(Button)(({ theme }) => ({
  borderRadius: 0,
  backgroundColor: theme.palette.primary.main,
  height: theme.spacing(5),
  //backgroundColor: "background.paper",
  //backgroundColor: theme.palette.popperBackground.main,
  color: theme.palette.primaryContrast.main,
  //color: theme.palette.text.main,
  "&:hover": {
    color: theme.palette.hover.main,
    background: alpha(theme.palette.primary.main, 0.7),
  },
}));
export const PopperTypo = styled(Typography)(({ theme }) => ({
  paddingLeft: theme.spacing(4.2),
  paddingRight: theme.spacing(2.8),
}));